<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
	function show() {
		document.getElementById('newdetail').style.display = "block";
	}
	function hide() {
		document.getElementById('newdetail').style.display = "none";
	}

	function Blank_TextField_Validator() {

		if (InsertJSEQ.degreeName.value == "") {
			alert("Please enter degree name.");
			InsertJSEQ.degreeName.focus();
			return (false);
		}

		if (InsertJSEQ.yearOfPassing.value == "") {
			alert("Please enter year of passing.");
			InsertJSEQ.yearOfPassing.focus();
			return (false);
		}

		if (InsertJSEQ.aggregateMarks.value == "") {
			alert("Please enter aggregate marks.");
			InsertJSEQ.aggregateMarks.focus();
			return (false);
		}

		return (true);
	}
</script>
</head>
<body onload="hide()">
	<div class="container-fluid">
		<div class="row-fluid">

			<div class="span6 offset3">
				<ul class="nav nav-pills">
					<li><a href="EditJSProfile">Basic Details</a></li>
					<li class="active"><a href="EditJSEQ">Educational
							Qualifications</a></li>
					<li><a href="EditJSWorkEx">Work Experience</a></li>
					<li><a href="EditJSSkills">Technical Skills</a></li>
				</ul>
			</div>

			<!-- 			<div class="span2">
				<div class="well sidebar-nav">
					<ul class="nav nav-list">
						<li class="nav-header"><font color="black">My Profile</font></li>
						<li><a href="EditJSProfile">Basic Details</a></li>
						<li class="active"><a href="EditJSEQ">Educational
								Qualifications</a></li>
						<li><a href="EditJSWorkEx">Work Experience</a></li>
						<li><a href="EditJSSkills">Technical Skills</a></li>
					</ul>
				</div>
				/.well
			</div> -->
			<div class="span8 offset2">

				<s:if test="hasActionErrors()">
					<br />
					<s:iterator value="actionErrors">
						<div class="alert alert-error">
							<button type="button" class="close" data-dismiss="alert">&times;</button>
							<s:property />
						</div>
					</s:iterator>
				</s:if>
				
				<br />
				<div align="center">
					<font size="5" face="Georgia"><b>Educational
							Qualifications</b></font> <br /> <br />
					<br />
				</div>


				<table
					class="table-bank table-bank-bordered table-bank-hover table-bank-striped">
					<tr>
						<th style="text-align: center"><font size="4" face="Georgia">Degree</font></th>
						<th style="text-align: center"><font size="4" face="Georgia">Year
								Of Passing</font></th>
						<th style="text-align: center"><font size="4" face="Georgia">Aggregate
								Marks</font></th>
						<th style="text-align: center"><font size="4" face="Georgia">Delete</font></th>
					</tr>
					<s:iterator value="educationalQualificationList">
						<tr>
							<td style="text-align: center"><s:property
									value="degreeName" /></td>
							<td style="text-align: center"><s:property
									value="yearOfPassing" /></td>
							<td style="text-align: center"><s:property
									value="aggregateMarks" /></td>
							<td style="text-align: center"><a
								href="DeleteJSEQ?eqID=<s:property
									value="educationalQualificationID" />">
									<i class="icon-trash"></i>
							</a></td>
						</tr>
					</s:iterator>
				</table>
				
				<div align="center">
					<form action="InsertJSEQ" class="form-inline" id="newdetail"
						name="InsertJSEQ" onsubmit="return Blank_TextField_Validator()">
						<input type="text" class="input-medium" placeholder="Degree"
							name="degreeName"> <input type="text"
							class="input-medium" placeholder="Year of Passing"
							name="yearOfPassing"> <input type="text"
							class="input-medium" placeholder="Aggregate Marks"
							name="aggregateMarks">
						<button type="submit" class="btn btn-medium">Save</button>
					</form>
				</div>
				<button class="btn btn-small btn-primary pull-right" type="button"
					onclick="show()">Add Row</button>
			</div>
		</div>
	</div>
</body>
</html>